<template>
  <page-container>
    <a-card>
      <Form @search="search">
        <a-col
          :span="6"
        >
          <a-form-item label="借款状态" :label-col="{ span: 6 }">
            <!-- 【 审核拒绝：1 ，审核通过 ：2，审核中：3 ，拨款成功：4， 拨款失败：5】 -->
            <a-select
              v-decorator="[
                'status',
              ]"
              placeholder="placeholder"
            >
              <a-select-option :value="1">
                审核拒绝
              </a-select-option>
              <a-select-option :value="2">
                审核通过
              </a-select-option>
              <a-select-option :value="3">
                审核中
              </a-select-option>
              <a-select-option :value="4">
                拨款成功
              </a-select-option>
              <a-select-option :value="5">
                拨款失败
              </a-select-option>
            </a-select>
          </a-form-item>
        </a-col>
      </Form>

      <Table ref="tableRef" :table-args="tableArgs" class="table-container" />
    </a-card>
  </page-container>
</template>

<script>
import Form from '@/views/credit/loan/components/search'
import Table from './Table'
import search from '@/utils/mixins/search/index'

export default {
  components: {
    Form,
    Table,
  },

  mixins: [search],
}
</script>

<style lang="scss" scoped>
.table-container {
  margin-top: $margin-sm;
}
</style>
